
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
	*{ padding:0; margin:0; list-style:none;}
	.tab{ width:200px; height:200px; border:1px solid red;}
	.tab input{ width:66px; float:left; height:30px;}
	.tab .active{ background: #4169E1; color:#FFF;}
	.tab li{ width:200px; height:200px;text-align:center; line-height:200px;display:none;}
	.tab .show{ display:block;}
	.tab section{ overflow:hidden;}
</style>
<script src="bundle.js"></script>
</head>

<body>
	<div class="tab" id="tab">
    	<section class="btnBox">
        	<input class="active" type="button" value="按钮1" />
            <input type="button" value="按钮2" />
            <input type="button" value="按钮3" />
       </section>
        <ul>
        	<li class="show">1</li>
            <li>2</li>
            <li>3</li>
        </ul>
        <button>左</button>
        <button>右</button>
   </div>
</body>
</html>











